﻿<!doctype html>
<html>
<head>
    <link href="/css/base.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
</head>
<body>

<article class="blogs">
    <h2 class="title_tj">
    <p>文章<span>推荐</span></p>
  </h2>
	<div class="newblog left" id='left'>
        <!--左left开始-->
        <!-- <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1433935884132180-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442642178239101-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442539025939884-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div>
        <div class="oneblog">
            <h2><a title="路·过-喜欢在路上" href="/">路·过-喜欢在路上</a></h2>
            <figure><img src='images/1442641275653897-lp.jpg' border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
            <ul class="nlist">
                <p>注定，有些路，只能一个人走；有些事，只能一个人扛。因为我喜欢在路上！走在林间小道上，一个人，晃晃悠悠，无所适从，看着那些在风中微微呻吟着的落叶，远远望去，像一群疲...</p>
                <a title="路·过-喜欢在路上" href="/" target="_blank" class="readmore">阅读全文>></a>
            </ul>
            <p class="dateview">
                <span>发布时间：2019-08-19</span>
                <span>作者：admin</span>
                <span>分类：[<a href="/">悠客</a>]</span>
                <span class="nl">浏览（101)</span>
                <span class="n2">评论（<a href="/">0</a>）</span>
                <div class="line"></div>
            </p>
        </div> -->
        <div id="result"></div>
        <!-- <script id="t:_1234-abcd-1" type="text/html">
            <%for(var i=0; i < list.length; i++){%>
                <div class="oneblog">
                    <h2><a title="路·过-喜欢在路上" href="/"><%= list[i]["chapterName"]%></a></h2>
                    <figure><img src=<%= list[i]["imgPath"] %> border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>
                    <ul class="nlist">
                        <p><%= list[i]["chapterDes"]%>...</p>
                        <a title="路·过-喜欢在路上" href=<%= list[i]["chapterUrl"] %> target="_blank" class="readmore">阅读全文>></a>
                    </ul>
                    <p class="dateview">
                        <span>发布时间：<%= list[i]["publishTimer"]%></span>
                        <span>作者：<%= list[i]["author"]%></span>
                        <span>分类：[<a href="/">悠客</a>]</span>
                        <span class="nl">浏览（<%= list[i]["views"]%>)</span>
                        <span class="n2">评论（<a href="/">0</a>）</span>
                        <div class="line"></div>
                    </p>
                </div>
            <%}%>
        </script> -->
        
          <!--分页开始-->
        <div class="page">
              
        </div>
        <!--分页结束-->
	</div>
</article>
<footer>
    <p class="ft-copyright">个人博客 Sunshine </p>
    <div id="tbox"> <a id="togbook" href=""></a> <a id="gotop" href="javascript:void(0)"></a></div>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>
    fetch("http://localhost:8084/getChapterList")
    .then(res=>res.json())
    .then(res=>{
        var list=res;
        var left=document.getElementById('left');
        for(var i=0;i<list.length;i++){
            var Node=`<h2><a title="路·过-喜欢在路上" href="/">${list[i]["chapterName"]}</a></h2>`+
                    `<figure><img src=${list[i]["imgPath"]} border='0' width='120' height='120' alt='路·过-喜欢在路上'></figure>`+
                    `<ul class="nlist">`+
                        `<p>${list[i]["chapterDes"]}...</p>`+
                        `<a href="http://localhost:8084/detail?chapterId=${list[i]['chapterId']}"`+
                        `<a title="路·过-喜欢在路上" href="##" target="_blank" class="readmore" onclick="showDetail(event, ${list[i]['chapterId'] })">阅读全文>></a>`+
                    `</ul>`+
                    `<p class="dateview">`+
                        `<span>发布时间：${ list[i]["publishTimer"]}</span>`+
                        `<span>作者：${ list[i]["author"]}</span>`+
                        `<span>分类：[<a href="/">悠客</a>]</span>`+
                        `<span class="nl">浏览（${ list[i]["views"]})</span>`+
                        `<span class="n2">评论（<a href="/">0</a>）</span>`+
                        `<div class="line"></div>`+
                    `</p>`;
            var divNode=document.createElement('div');
            divNode.setAttribute('class','oneblog');
            divNode.innerHTML=Node;
            left.appendChild(divNode);
        }
        
    })

    function showDetail(e, chapterId) {
        e.preventDefault();
        console.log(chapterId);
        window.location = "http://localhost:8084/detail?chapterId=" + chapterId;
    }
</script>
</html>